<div class="flex flex-row items-center w-full p-4 text-xl bg-gray-200 h-28">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-full ">
    <path fill="currentColor" class="text-green-100 shield-three" stroke-linecap="round" stroke-linejoin="round"
      stroke-width="1"
      d="M20 11.242c0 4.368-3.157 8.462-7.48 9.686-.338.096-.702.096-1.04 0C7.157 19.705 4 15.61 4 11.242V7.214c0-.812.491-1.544 1.243-1.851l4.864-1.99c1.214-.497 2.574-.497 3.787 0l4.864 1.99C19.509 5.67 20 6.402 20 7.214v4.028z" />
    <path fill="currentColor" class="text-green-200 shield-two" stroke-linecap="round" stroke-linejoin="round"
      stroke-width="1"
      d="M20 11.242c0 4.368-3.157 8.462-7.48 9.686-.338.096-.702.096-1.04 0C7.157 19.705 4 15.61 4 11.242V7.214c0-.812.491-1.544 1.243-1.851l4.864-1.99c1.214-.497 2.574-.497 3.787 0l4.864 1.99C19.509 5.67 20 6.402 20 7.214v4.028z" />
    <path fill="currentColor" class="text-green-300 shield-one" stroke-linecap="round" stroke-linejoin="round"
      stroke-width="1.4"
      d="M20 11.242c0 4.368-3.157 8.462-7.48 9.686-.338.096-.702.096-1.04 0C7.157 19.705 4 15.61 4 11.242V7.214c0-.812.491-1.544 1.243-1.851l4.864-1.99c1.214-.497 2.574-.497 3.787 0l4.864 1.99C19.509 5.67 20 6.402 20 7.214v4.028z" />

    <path stroke="currentColor" fill="transparent" class="text-background shield-ok" stroke-linecap="round"
      stroke-linejoin="round" stroke-width="1" d="M8.712 12.566l2.193 2.193 4.787-4.788" />


  </svg>

  <span class="text-2xl font-thin text-white">
    Secure
  </span>
</div>
